﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Fx.Tween.CSS3 Demo</title>

<style type="text/css">
	
	#test img {
		position: absolute;
		top: 0;
		left: 0;
	    width: 100%;
		height: 100%;
	}
	
	#btns {
		position: absolute;
		top: 20;
		left: 20;
		width: 200px;
		z-index: 3;
		background: white;
		padding: 10px;
	}
	
	.current {
		color: red;
	}

</style>
</head>
<body>
	<div id="btns">
		<a href="test.html?css2" id="css2">Fx.Tween</a> <a href="test.html?css3" id="css3">Fx.Tween.CSS3</a>
	</div>
	<div id="test">
	    <img src="img1.jpg" />
		<img src="img2.jpg" />
	</div>​
	<script type="text/javascript" charset="utf-8" src="../../../../src/loader.js"></script>
	<script type="text/javascript">		HmJS.$JSManager.$basepath = '../../../../src/'; </script>
	<script type="text/javascript" charset="utf-8" src="../../../../src/demo/action/base/fx/css3/css3test.js"></script>
</body>
</html>